<aside class="sidebarRight">
    <div id="rightside-navigation ">
        <div class="sidebar-heading"><i class="fa fa-user"></i> Contacts</div>
        <div class="sidebar-title">online</div>
        <div class="list-contacts">
            <a href="javascript:void(0)" class="list-item">
                <div class="list-item-image">
                    <img src="__PUBLICHOME__/images/avatar.gif" class="img-circle">
                </div>
                <div class="list-item-content">
                    <h4>James Bagian</h4>
                    <p>Los Angeles, CA</p>
                </div>
                <div class="item-status item-status-online"></div>
            </a>
            <a href="javascript:void(0)" class="list-item">
                <div class="list-item-image">
                    <img src="__PUBLICHOME__/images/avatar1.gif" class="img-circle">
                </div>
                <div class="list-item-content">
                    <h4>Jeffrey Ashby</h4>
                    <p>New York, NY</p>
                </div>
                <div class="item-status item-status-online"></div>
            </a>
            <a href="javascript:void(0)" class="list-item">
                <div class="list-item-image">
                    <img src="__PUBLICHOME__/images/avatar2.gif" class="img-circle">
                </div>
                <div class="list-item-content">
                    <h4>John Douey</h4>
                    <p>Dallas, TX</p>
                </div>
                <div class="item-status item-status-online"></div>
            </a>
            <a href="javascript:void(0)" class="list-item">
                <div class="list-item-image">
                    <img src="__PUBLICHOME__/images/avatar3.gif" class="img-circle">
                </div>
                <div class="list-item-content">
                    <h4>Ellen Baker</h4>
                    <p>London</p>
                </div>
                <div class="item-status item-status-away"></div>
            </a>
        </div>

        <div class="sidebar-title">offline</div>
        <div class="list-contacts">
            <a href="javascript:void(0)" class="list-item">
                <div class="list-item-image">
                    <img src="__PUBLICHOME__/images/avatar4.gif" class="img-circle">
                </div>
                <div class="list-item-content">
                    <h4>Ivan Bella</h4>
                    <p>Tokyo, Japan</p>
                </div>
                <div class="item-status"></div>
            </a>
            <a href="javascript:void(0)" class="list-item">
                <div class="list-item-image">
                    <img src="__PUBLICHOME__/images/avatar5.gif" class="img-circle">
                </div>
                <div class="list-item-content">
                    <h4>Gerald Carr</h4>
                    <p>Seattle, WA</p>
                </div>
                <div class="item-status"></div>
            </a>
            <a href="javascript:void(0)" class="list-item">
                <div class="list-item-image">
                    <img src="__PUBLICHOME__/images/avatar6.gif" class="img-circle">
                </div>
                <div class="list-item-content">
                    <h4>Viktor Gorbatko</h4>
                    <p>Palo Alto, CA</p>
                </div>
                <div class="item-status"></div>
            </a>
        </div>
    </div>
</aside>